@preludeWidth: 80px;

.prelude {
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center;
	
	& > div {
		width: @preludeWidth;
		height: @preludeWidth;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, 0.2);
		animation: turn 1.5s linear infinite;
		//box-shadow: 0 0 8px #4242422e;
		
		&.small {
			width: 50px;
			height: 50px;
		}
		
		img {
			width: 100%;
			height: 100%;
		}
	}
}

@keyframes turn {
	0% {
		-webkit-transform: rotate(0deg);
	}
	25% {
		-webkit-transform: rotate(90deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	75% {
		-webkit-transform: rotate(270deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}